.container{
  position: absolute;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  background: url('../../assets/images/login_back.png') no-repeat ;
  background-size: 100% 100%;
}

.main{
  width: 90%;
  height: 550px;

  display: flex;
  flex-direction: row;

  background: white;

  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;

  box-shadow: 0 1px 2px -2px #a3a0a0, 0 3px 6px 0 #a5a5a5, 0 5px 12px 4px #a7a7a7;


  .image{
    width: 60%;

    background: url('../../assets/images/parking.png') no-repeat;
    background-size: 100% 100%;

    .title{
      padding: 20px;
      font-size: 28px;
      font-weight: 500;
      color: white;
    }
  }

  .panel{
    display: flex;
    flex-direction: column;
    width: 40%;

    .panel_tabs{
      width: 80%;
      margin: 40px auto;

      .account_way{
        margin: 30px auto;
        width: 90%;

        .account_options{
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-top: 40px;

          .forget{
            color: blue;
            &:hover{
              cursor: pointer;
            }
          }
        }

        .code_area{
          width: 100%;
          display: flex;
          flex-direction: row;

          margin-bottom: 40px;

          .code_input{
            width: 70%;
          }

          .code_image{
            width: 30%;

            background: url("http://localhost:8080/getCaptcha") no-repeat;
            background-size: 100% 100%;
          }
        }

        .account_submit{
          width: 100%;
          margin-top: 30px;

          Button{
            width: 100%;
          }
        }

        .sign_up{
          text-align: center;
          margin-top: 30px;

          .sign_up_click{
            color: blue;
            &:hover{
              cursor: pointer;
            }
          }
        }
      }

      .phone_way{
        margin: 30px auto;
        width: 90%;

        .phone_submit{
          width: 100%;
          margin-top: 30px;

          Button{
            width: 100%;
          }
        }

        .code_area{
          width: 100%;
          display: flex;
          flex-direction: row;

          .code_input{
            width: 70%;
          }

          .send_code{
            width: 30%;
            height: 40px;

            Button{
              width: 100%;
              height: 100%;
            }
          }
        }
      }

    }
  }
}

.footer{
  text-align: center;
  padding-top: 25px;
}